﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="../css/styles/Main.css" rel="stylesheet" type="text/css" />
    <link href="../css/lib/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/view/MainView.css" rel="stylesheet" type="text/css" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div id="UserInfoView">
        <div class="btn-group">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <span data-bind="text: UserName">
            </span><span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li><span>Nombre de Usuario completo:</span><span data-bind="text: UserName"></span></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </div>
    </div>
    <script src="../js/lib/jquery-1.8.3.min.js"></script>
    <!-- Bootstrap Components -->
    <script src="../js/lib/bootstrap.min.js"></script>
</body>
</html>
